疑難雜症萬事通
在網路上遇到任何問題都可以在這邊找找看唷

Search

關於 text editor online ，我們在網路上蒐集到這些相關的討論、資訊與評價

相關標籤 相關照片 相關影片
在text editor online這個產品中，有5篇Facebook貼文，粉絲數超過10萬的網紅BorntoDev，也在其Facebook貼文中提到， 🔥 "สาย Front-End ต้องแชร์ !!" กับสรุปรวมเครื่องมือ และ Framework ดี ๆ ที่ต้องบอกต่อสำหรับคนทำหน้าเว็บ ...
　同時也有10000部Youtube影片，追蹤數超過2,910的網紅コバにゃんチャンネル，也在其Youtube影片中提到，...

text editor online 在 BorntoDev Facebook 的最讚貼文

BorntoDev By BorntoDev

2020-06-13 13:53:54 有 1,014 人按讚
  • Share this:

🔥 "สาย Front-End ต้องแชร์ !!" กับสรุปรวมเครื่องมือ และ Framework ดี ๆ ที่ต้องบอกต่อสำหรับคนทำหน้าเว็บ <3
.
ต้องบอกว่าวันนี้แอดและทีมงานได้รวบรวมเครื่องมือเครื่องไม้ ที่จะทำให้งานยาก ๆ กลายเป็นงานง่าย ๆ ไว้ในที่เดียวให้แล้วว
.
⭐️ ใครที่กำลังเริ่มสาย Front-End หรือ ต้องการหาของดีรีบเข้ามาดูได้เลย สำหรับลิงก์ในการเข้าไปดาวน์โหลด / อ่าน Doc / วิธีการใช้งาน ดูด้านล่างได้เลยคร้าบผมมม ^__^
.
👩‍🎨เครื่องมือเด็ดที่คุณต้องแชร์ของสาย Frontend
.
📚 JavaScript Framework
.
Vue.js
https://vuejs.org/
.
Angular
https://angular.io/
.
React
https://reactjs.org/
.
Backbone.js
https://backbonejs.org/
.
🎨 CSS Framework
.
Bootstrap
https://getbootstrap.com/
.
Materialize
https://materializecss.com/about.html
.
Pure.css
https://purecss.io/
.
Bulma
https://bulma.io/
.
Semantic UI
https://semantic-ui.com/
.
📖 Library
.
sweetalert2 : สำหรับสร้าง Alert สวยๆได้ง่ายๆ
https://sweetalert2.github.io/
.
AlertifyJS : สร้าง Alert สวยๆเหมือนกัน
https://alertifyjs.com/
.
Chart.js : สำหรับสร้าง Chart แบบมี animation
https://www.chartjs.org/
.
jQuery : ใช้งาน JS และจัดการ DOM ได้ง่ายขึ้น
https://jquery.com/
.
DataTables : เปลี่ยน Table แบบเดิมๆให้ดูดีมี function ได้ง่ายๆ
http://fredsarmento.me/frontend-tools/
.
Quill editor : Text Editor สำหรับใส่ในเว็บเครื่องมือครบๆ
https://quilljs.com/
.
🧰 Developing & Debugging Tools
.
Chrome DevTools : เครื่องมือ Debug เว็บ เพียงแค่กด F12 เบราเซอร์อื่นๆก็มีเหมือนกัน
https://developers.google.com/web/tools/chrome-devtools
.
CodePen : Online Editor ที่สามารถจำลอง enviroment ที่เหมาะสมได้เขียนแล้วเห็นผลทันที
https://codepen.io/
.
WebStorm : Web Editor ที่รองรับ Framework ที่หลากหลาย
https://www.jetbrains.com/webstorm/
.
🍱 Other (Asset)
.
Google Fonts : font ฟรีสวยๆของ google
https://fonts.google.com/
.
awesome : Icon ฟรีสวยๆ
https://fontawesome.com/
.
figma : สำหรับออกแบบหน้าเว็บ จัดวางองค์ประกอบหรือแม้แต่สร้าง Prototype
https://www.figma.com/files/recent
.
Visual Inspector : extension chrome ที่ช่วยให้ตรวจสอบองค์ประกอบต่างๆของเว็บได้ค่อนข้างครบถ้วน
https://chrome.google.com/webstore/detail/visual-inspector/efaejpgmekdkcngpbghnpcmbpbngoclc
.
CSS Peeper : extension chromeอีกหนึ่งตัวที่ใช้ตรวจสอบองค์ประกอบเว็บ
https://chrome.google.com/webstore/detail/css-peeper/mbnbehikldjhnfehhnaidhjhoofhpehk
.
" หรือถ้าใครเคยใช้ตัวไหนมาแล้ว สามารถมาแบ่งปันประสบการณ์ในการใช้งานใน Comment กับแอดได้เลยยย ใครมีตัวไหนแนะนำใส่มาได้เต็มที่เลยคร้าบผมม <3 "
.
#BorntoDev - 🦖 Coding Academy ให้การพัฒนาเทคโนโลยีเป็นเรื่องง่ายสำหรับทุกคน

Tags:
BorntoDev

About author
BorntoDev (www.BorntoDev.com) เว็บไซต์ที่เกี่ยวกับการสอนการพัฒนาโปรแกรมหรือผลงานทางด้านคอมพิวเตอร์ จัดทำขึ้นเมื่อ 27 ตุลาคม 2556 โดยมีจุดมุ่งหมายเพื่อต้องการให้ผู้ที่สนใจพัฒนาซอฟต์แวร์ แอปพลิเคชั่น หรือ ผลงานทางด้านคอมพิวเตอร์ได้มีแหล่งในการเรียนรู้ที่ง่าย และ สนุก ไม่เน้นทฤษฏีจนทำให้ท้อหรือถอดใจไปก่อนจัดทำขึ้นโดยกลุ่มคนที่ต้องการจะเห็นความเปลี่ยนแปลงทางด้านเทคโนโลยี และ มีความหวังว่าจะมีนักพัฒนารุ่นใหม่ของไทยที่มีผลงานที่ยิ่งใหญ่ขึ้นมาได้ โดยจะใช้หลักการ “เน้นสนุก สอนเข้าใจ ทำได้จริง” สามารถเข้ามาเรียนรู้การพัฒนาซอฟต์แวร์ได้ตั้งแต่ระดับมัธยมศึกษาจนถึงนักศึกษาในมหาวิทยาลัย และ บุคคลทั่วไปที่สนใจในการพัฒนาซอฟต์แวร์และเทคโนโลยีคอมพิวเตอร์ ซึ่งในปัจจุบันนี้ถือว่ามีความสำคัญกับทุกสาขาอาชีพ และ เข้ามาเกี่ยวข้องกับทุกๆอย่างในชีวิตของเรา
ความสำเร็จของเรา คือ "การที่ได้เห็นคนไทยหันมาพัฒนาซอฟต์แวร์เพื่อโลก ที่ดีขึ้น"
96872 followers 92473 likes "http://www.borntodev.com/"
View all posts

text editor online 在 DOC職人 時食刻客 Facebook 的最佳解答

DOC職人 時食刻客 By DOC職人 時食刻客

2020-04-23 15:30:21 有 33 人按讚
  • Share this:

【臨時想修圖、改文字、強化視覺嗎？】
～免費線上相片編輯軟體
～職人老闆懂設計，溝通不分歧
～支援中文介面、PSD、RAW.......

「Photopea」一款可進行相片編輯的免費線上軟體，操作介面酷似Photoshop，但卻不需要安裝下載，只要打開瀏覽器，開啟Photopea就可以馬上使用，非常方便！！

修圖、去背、調色等，Photoshop該有的功能，基本上Photopea也都有，可支援PSD、Sketch、PDF、RAW、JPG、PNG、GIF、TIFF等檔案格式。但畢竟是免費的線上軟體，也可說是比較陽春版的Photoshop，因此，若是要進行更專業的照片編輯、合成、設計、排版等，小編認為還是使用Photoshop來操作會比較順手。

很推薦初學者來使用Photopea作為修圖入門練習。
More→Language→正體字中文，選取後介面會變成中文版囉～
--------

#DOC數位機會中心
#城鄉交流數位應用
--------
DOC職人訊息不漏接～
訂閱Telegram 頻道：https://t.me/docwego
--------
更多職人 : http://expert.chineseink.com.tw/client/default.aspx
--------
Doc年貨大街
http://docmall.doctw.com/index.php
--------
Kisa 行銷企劃
http://www.ks-kisa.com/index.html

Tags:
DOC職人 時食刻客

About author
趣味、學習、行動
『十年樹木，百年職人』 在我們身邊，有很多人， 一輩子，只為了專心做好一件事。 來聽聽他們的聲音！
11586 followers 10736 likes "http://expert.chineseink.com.tw/client/default.aspx"
View all posts

text editor online 在 โปรแกรมเมอร์ไทย Thai programmer Facebook 的最佳貼文

โปรแกรมเมอร์ไทย Thai programmer By โปรแกรมเมอร์ไทย Thai programmer

2018-08-17 02:50:21 有 263 人按讚
  • Share this:


การเขียนโปรแกรมแบบจินตภาพด้วยบล็อกคำสั่ง: จาก MIT Scratch สู่ Google Blockly
‍‍‍‍‍‍ ‍‍
เทคโนโลยีซอฟต์แวร์ HTML5/CSS/JavaScript และอื่น ๆ ที่เกี่ยวข้อง ทำให้เกิดรูปแบบการใช้งานซอฟต์แวร์ผ่านเว็บเบราว์เซอร์และอินเทอร์เน็ต อย่างเช่น "Software as a Service" (SaaS), "Coding in the Cloud" เป็นต้น มีการพัฒนาเครื่องมือหรือซอฟต์แวร์ที่ใช้สำหรับเขียนหรือสอนการเขียนโปรแกรมตามมาอีกมากมาย โดยทั่วไป ผู้ใช้ไม่จำเป็นต้องติดตั้งซอฟต์แวร์ในเครื่องคอมพิวเตอร์ของตนเอง
‍‍‍‍‍‍ ‍‍
💡 MIT Scratch, Berkeley Snap! และ MIT App Inventor 2 for Android
‍‍‍‍‍‍ ‍‍
จากโพสต์คราวที่แล้ว "การเขียนโปรแกรมแบบจินตภาพด้วยบล็อกคำสั่ง: MIT Scratch และ Berkeley Snap! สู่การเชื่อมต่อกับ Arduino" ได้กล่าวถึง MIT Scratch (https://scratch.mit.edu) ซึ่งเป็นซอฟต์แวร์ Open Source มีการใช้งานแบบ Desktop App สามารถนำไปสอนเยาวชนในช่วงอายุ 8 - 16 ปี เรียนรู้ Coding เป็นทักษะพื้นฐาน เน้นการสร้างเรื่องราวแบบปฏิสัมพันธ์ สร้างเกมส์ หรือ ภาพเคลื่อนไหว กราฟิก 2 มิติ
‍‍‍‍‍‍ ‍‍
นอกจาก Scratch ก็ได้กล่าวถึง Berkeley BYOB/Snap! (https://snap.berkeley.edu) ซึ่งเป็นอีกหนึ่งตัวเลือก (Open Source) สำหรับฝึกเขียนโปรแกรมแบบกราฟิก ซึ่งอันที่จริงแล้ว ในตอนเริ่มต้น Snap! ก็เกิดจากการดัดแปลงโค้ด Scratch แต่ต่อมาได้พัฒนาใหม่ และใช้ภาษา JavaScript
‍‍‍‍‍‍ ‍‍
โลกของเทคโนโลยีเปลี่ยนแปลงพัฒนาไปตลอดเวลา ล่าสุด Scratch เวอร์ชัน 3.0 ก็ใช้งานเป็นแบบ Web App ได้แล้ว โดยใช้ภาษา JavaScript (ใช้ไลบรารี Scratch Blocks) ในการพัฒนา
‍‍‍‍‍‍ ‍‍
MIT Scratch และ Berkeley Snap! เป็นสองตัวเลือกที่ได้เลือกมานำเสนอ และใช้สำหรับฝึกเขียนโค้ดได้ด้วยวิธีลากบล็อกมาวาง (Drag & Drop Visual Programming) แต่ไม่ได้ใช้สำหรับเขียนโค้ดภาษาคอมพิวเตอร์โดยตรง (Text-Based Programming) และก็ไม่ได้ใช้สำหรับการสร้างโค้ดแล้วคอมไพล์หรือแปลงให้เป็นแอปพลิเคชันโดยอัตโนมัติ
‍‍‍‍‍‍ ‍‍
แต่ถ้าอยากจะสอนเด็ก ๆ ให้ลองสร้าง Android App สำหรับสมาร์ทโฟน หรือแท็บเล็ต ด้วยวิธีการเดียวกับ Scratch และ Snap! และไม่จำเป็นต้องเขียนโค้ด ก็มีตัวเลือกอย่างเช่น MIT App Inventor 2 for Android (http://appinventor.mit.edu/explore/) โครงการนี้ เริ่มราวปีค.ศ. 2010 โดย Google และพัฒนาต่อโดยทีมงานจาก MIT ในปีค.ศ. 2012 และเผยแพร่เวอร์ชัน "App Inventor 2" ในเดือนธันวาคม ค.ศ. 2013 ... ปัจจุบัน สามารถเข้าใช้งานแบบออนไลน์ได้ที่ http://ai2.appinventor.mit.edu/ ถ้าลองสืบค้นในอินเทอร์เน็ต จะเห็นมีตัวอย่างในหลายเว็บที่สร้าง Android App โดยใช้ MIT App Inventor 2 เพื่อเชื่อมต่อกับบอร์ด Arduino ผ่าน Bluetooth เช่น รับค่าจากเซ็นเซอร์ที่ต่อกับบอร์ด Arduino มาแสดงผลใน App หรือควบคุมหุ่นยนต์ หรือส่งข้อมูลต่อไปยัง Google Firebase เป็นต้น
‍‍‍‍‍‍ ‍‍
💡 เมื่อ Scratch ต้องเปลี่ยนมาใช้ Google Blockly
‍‍‍‍‍‍ ‍‍
Scratch 3.0 เปลี่ยนมาใช้ JavaScript (แทน ActionScript และ Adobe Flash Player) และได้ใช้ไลบรารีที่ชื่อว่า Scratch Blocks (https://github.com/LLK/scratch-blocks) ซึ่งมาจากโปรเจกต์ Blockly (https://developers.google.com/blockly/) พัฒนาโดย Google เริ่มต้นในเดือนมิถุนายน ค.ศ. 2012 และเป็น Open Source (Apache License 2.0)
‍‍‍‍‍‍ ‍‍
Blockly เป็นไลบรารี หรือ API ที่ใช้ JavaScript / HTML5 / CSS สำหรับนำไปใช้พัฒนา Web App สำหรับผู้ที่ต้องการสร้างโปรแกรมด้วยการต่อบล็อก (Scratch-like, Visual Block Programming) และแตกต่างจาก Scratch ซึ่งเป็นแอปพลิเคชัน (Web App)
‍‍‍‍‍‍ ‍‍
ถ้าอยากทราบว่า จะใช้ Blockly สร้าง Web App อย่างไรได้บ้าง ลองดูตัวอย่าง ให้ดูเว็บ "Blockly Games" (https://blockly-games.appspot.com/) ที่มีตัวอย่างเกมส์ ผู้ใช้หรือผู้เล่นต้องนำบล็อกที่มีให้เลือก มาวางต่อกันเพื่อแก้ปัญหา
‍‍‍‍‍‍ ‍‍
Blockly สามารถแปลงโปรแกรมที่ได้จากการต่อบล็อกต่าง ๆ ให้กลายเป็นโค้ดในภาษาคอมพิวเตอร์ ซึ่งมีหลายภาษาให้เลือกเป็นเอาต์พุต เช่น JavaScript, Python เป็นต้น ดังนั้น ผู้เรียนสามารถเปรียบเทียบและเชื่อมโยงระหว่างโปรแกรมที่เกิดจากการต่อบล็อก และโค้ดที่ได้จากโปรแกรมในภาษาคอมพิวเตอร์ตามที่เลือกให้เป็นเอาต์พุต (ตรงนี้ก็ถือว่า สำคัญในการเรียนรู้ Coding)
‍‍‍‍‍‍ ‍‍
💡 BBC Micro:bit, Microsoft MakeCode
‍‍‍‍‍‍ ‍‍
โครงการ BBC Micro:bit (https://microbit.org/) จากประเทศอังกฤษ ได้พัฒนาบอร์ดไมโครคอนโทรลเลอร์ Micro:bit เพื่อส่งเสริมการเรียนรู้ด้านคอมพิวเตอร์ให้แก่เยาวชน ผู้เรียนสามารถใช้เขียนโค้ดโดยการนำบล็อกมาต่อกัน ใช้งานผ่านเว็บเบราว์เซอร์ โดยเข้าไปที่เว็บ Micro:bit's Code Kingdoms (https://www.microbit.co.uk/app/) หรือ Microsoft MakeCode for Micro:bit (https://makecode.microbit.org/)
‍‍‍‍‍‍ ‍‍
MakeCode ของ Microsoft ก็ใช้ Google Blockly เป็นพื้นฐาน (a fork of Blockly) ในการสร้าง Web-based Block editor และใช้วิธีแปลงบล็อกเหล่านั้น ให้เป็นโค้ดในภาษา "Static TypeScript (STS) / TypeScript" จากนั้นจึงแปลงให้เป็นไฟล์โปรแกรม (.hex) ที่นำไปใช้ได้กับบอร์ด Micro:bit
‍‍‍‍‍‍ ‍‍
ผู้ที่อยากจะใช้ Scratch ร่วมกับบอร์ด Micro:bit ก็มีตัวเลือกอย่างเช่น "Scratch 3.0 micro:bit experimental extension" ซึ่งสามารถเชื่อมต่อโปรแกรม Scratch ผ่าน Bluetooth ไปยังบอร์ด Micro:bit ได้ โดยต้องโปรแกรมไฟล์ scratch-firmware-combined.hex ลงในบอร์ดก่อน
‍‍‍‍‍‍ ‍‍
💡 Arduino กับการเขียนโค้ดเชิงกราฟิกแบบออนไลน์ในสไตล์ Blockly
‍‍‍‍‍‍ ‍‍
ลองมาดูว่า มีตัวอย่างเว็บที่ใช้ Blockly มาสร้าง Web App สำหรับสร้างโปรแกรมเพื่อนำไปใช้กับบอร์ดไมโครคอนโทรลเลอร์ อย่างเช่น Arduino อะไรบ้าง
‍‍‍‍‍‍ ‍‍
◻️ BlocklyDuino (https://github.com/gasolin/BlocklyDuino)
- เป็น Web-based visual programming editor for Arduino
- ได้แรงบันดาลใจมาจาก ( inspired by) "ArduBlock" ซึ่งเป็น Arduino Plug-in สำหรับเขียนโค้ดด้วยบล็อก
- พัฒนาโดย Fred Lin ตั้งแต่ปีค.ศ. 2012
- เป็น Open Source (Apache License 2.0)
- ใช้ Google Blockly สำหรับพัฒนาในส่วนที่เป็น Web App
- สามารถรันเป็น Web server (เขียนด้วย Python) ในเครื่องของผู้ใช้ได้ และเข้าใช้งานผ่านหน้าเว็บได้ แต่จะต้องติดตั้งซอฟต์แวร์ Arduino IDE & tools ในเครื่องของผู้ใช้ เพื่อใช้ในการคอมไพล์โค้ดและอัปโหลดไปยังบอร์ด Arduino
- ใช้สำหรับบอร์ด Arduino Uno, Mega, Nano เป็นต้น
- มีการเพิ่มบล็อกให้เลือกใช้สำหรับฮาร์ดแวร์ของ Groove เช่น RC Servo, Motor, Relay, Button, Tilt Switch เป็นต้น และสามารถใช้งานออนไลน์ได้ที่ BlocklyDuino "Grove Edition" https://bit.ly/2mPqDwq

◻️ BlocklyProp (http://blockly.parallax.com/blockly/)
- เผยแพร่ครั้งแรกในเดือนกันยายน ค.ศ. 2016
- พัฒนาโดยบริษัท Parallax Inc. (USA)
- เป็น Open source (Apache License 2.0)
- ได้แรงบันดาลใจมาจาก (inspired by) BlocklyDuino
- ใช้ Google Blockly สำหรับพัฒนาในส่วนที่เป็น Web App
- สามารถรันเป็น Web server (เขียนด้วย Java) ในเครื่องของผู้ใช้ได้ และเข้าใช้งานผ่านหน้าเว็บได้
- ใช้ได้เฉพาะบอร์ด Parallax เท่านั้น เช่น บอร์ด Propeller Multicore(http://www.parallax.com/microcontrollers/propeller)
- เข้าใช้งานแบบออนไลน์ผ่านเว็บได้ที่ http://blockly.parallax.com/blockly/ และผู้ใช้ต้องติดตั้งซอฟต์แวร์ชื่อ "BlocklyProp Client" เพื่อใช้ในการเชื่อมต่อบอร์ดผ่านทาง USB สำหรับการอัปโหลดโปรแกรม

◻️ ArduBlockly (https://ardublockly.embeddedlog.com/)
- ได้แรงบันดาลใจมาจาก ( inspired by) และพัฒนาต่อยอดจาก BlocklyDuino
- ใช้ Google Blockly สำหรับพัฒนาในส่วนที่เป็น Web App
- เป็น Open source (Apache License 2.0)

◻️ Blockly@rduino (http://www.techmania.fr/BlocklyDuino/)
- พัฒนาต่อยอดจาก BlocklyDuino เริ่มต้นราวปีค.ศ. 2016
- เป็น Open Source (Apache License 2.0)
- ใช้ Google Blockly สำหรับพัฒนาในส่วนที่เป็น Web App
- ใช้สำหรับบอร์ด Arduino Uno, Mega, Nano เป็นต้น

◻️ Webduino Blockly (https://blockly.webduino.io/)
- ใช้สำหรับบอร์ด BPI:bit (ESP32-based) จากบริษัทในประเทศจีน
- เป็น Open Source


🤔 เพิ่มเติม:
- การสร้างระบบซอฟต์แวร์ในทางวิศวกรรมแบบใช้บล็อก ก็มีให้เห็น อย่างเช่น MATLAB / Simulink และ LabView เป็นต้น สามารถจำลองการทำงาน แล้วแปลงเป็นโค้ดคอมไพล์ไปใช้งานสำหรับบอร์ดไมโครคอนโทรลเลอร์ได้ แต่ก็เป็นซอฟต์แวร์ที่ต้องเสียค่าลิขสิทธิ์ ไม่ฟรี และไม่ใช่ Open Source
- การเขียนโปรแกรมโดยใช้บล็อกสำหรับไมโครคอนโทรลเลอร์ เช่น Arduino ความสะดวกอยู่ที่การเลือกใช้บล็อกที่มีการเตรียมไว้แล้ว ก็เหมือนกับการสร้างไลบรารีสำหรับ Arduino ไว้ให้เรียกใช้งาน คนอื่นทำไว้ให้ เราก็แค่นำมาใช้งานให้เป็น
- ถ้าชุดของบล็อกเหล่านั้น (หรือเรียกว่า Block Set) มีอย่างจำกัด ก็จะจำกัดความยืดหยุ่นหรือความสามารถในการสร้างโปรแกรมของเราได้ แต่ถ้าบล็อกเซตมีจำนวนมาก เช่น มีจำนวนของบล็อกหลักร้อยหรือหลักพัน ก็ต้องใช้เวลาเรียนรู้ว่า แต่ละบล็อกใช้งานอย่างไร
- บางกรณีมีการสร้าง Custom Block (Blockly-based) ให้ผู้ใช้ เขียนโค้ดเองลงในบล็อกนั้นก็ได้ หรือถ้าสามารถสร้างบล็อกเพิ่มเติมไว้ใช้งานได้เอง ก็น่าสนใจ
- การสร้างบล็อกสำหรับใช้งานกับอุปกรณ์ฮาร์ดแวร์ แม้ว่าจะเป็นอุปกรณ์ประเภทเดียวกัน ก็มีความแตกต่างกันได้ เหมือนในกรณีของไลบรารีสำหรับ Arduino จากผู้พัฒนาหลายแหล่งและมีชื่อฟังก์ชันหรือคำสั่งซึ่งแตกต่างกัน
‍‍‍‍‍‍ ‍‍
🤔 ข้อคิดเห็น:
- ตัวเลือกซึ่งเป็นซอฟต์แวร์สำหรับการเรียนรู้ ที่ได้นำเสนอมานั้น เป็นแค่บางส่วน (Open Source ทั้งหมด) ยังมีตัวเลือกอื่น ๆ อีกสำหรับการเรียนรู้
- ควรส่งเสริมความหลากหลาย เพื่อให้เกิดการเปรียบเทียบ พิจารณาความเหมือนความต่าง และความเชื่อมโยง
- มีตัวเลือกให้มากมายและใช้ได้ฟรี แต่ถ้าไม่เริ่มและลงมือจริงจัง ก็ไม่ก่อให้เกิดประโยชน์
‍‍‍‍‍‍ ‍‍
References / Credit
- MIT Scratch
🔗 https://scratch.mit.edu
- Berkeley Snap!
🔗 https://snap.berkeley.edu
- MIT App Inventor 2 for Android
🔗 http://appinventor.mit.edu/explore/
- MIT App Inventor 2 online editor
🔗 http://ai2.appinventor.mit.edu/
- Google Blockly
🔗 https://developers.google.com/blockly/
- Google Blockly: Sourcecode
🔗 https://github.com/google/blockly
- Scratch Blocks: Sourcecode
🔗 https://github.com/LLK/scratch-blocks
- BBC Micro:bit
🔗 https://microbit.org/
- Micro:bit's Code Kingdoms
🔗 https://www.microbit.co.uk/app/
- MakeCode: Microsoft's JavaScript Blocks editor for Micro:bit
🔗 https://makecode.microbit.org/
- Scratch 3.0 micro:bit experimental extension
🔗 https://llk.github.io/microbit-extension/iste18/
- ArduBlock: Sourcecode
🔗 https://github.com/taweili/ardublock
- BlocklyDuino: Sourcecode
🔗 https://github.com/gasolin/BlocklyDuino
- BlocklyProp
🔗 http://blockly.parallax.com/blockly/
- BlocklyProp Starter Kit, Parallax Inc.
🔗 https://www.parallax.com/educ…/teach-blocklyprop-starter-kit
- BlocklyProp: Sourcecode
🔗 https://github.com/parallaxinc/BlocklyProp
- ArduBlockly
🔗 https://ardublockly.embeddedlog.com/
- ArduBlockly: Sourcecode
🔗 https://github.com/carlosperate/ardublockly/
- BlocklyDuino "Grove Edition"
🔗 https://blocklyduino.github.io/Blockly…/…/apps/blocklyduino/
- Blockly@rduino
🔗 http://www.techmania.fr/BlocklyDuino/
- Blockly@rduino: Sourcecode
🔗 https://github.com/technologiescollege/Blockly-at-rduino
- Webduino: Sourcecode
🔗 https://github.com/webduinoio
‍‍‍‍‍‍ ‍‍
#IoT #STEM #VisualProgramming #KruBright
‍‍‍‍‍‍ ‍‍

Tags:
โปรแกรมเมอร์ไทย Thai programmer

About author
เพจนี้เปิดใช้งานเมื่อ 22 มิถุนายน 2014 เพจนี้เน้นหนักไป ทางการเขียนโปรแกรม คอมพิวเตอร์ และไอที ล้วน ๆ แบบฮาร์ดคอ หรือจะไร้สาระ มุกตลกขำ
ให้สาระด้านไอที คอมพิวเตอร์ และอาชีพโปรแกรมเมอร์ และสายงานด้านคอมพิวเตอร์
160760 followers 154764 likes "https://www.patanasongsivilai.com/blog/"
View all posts

text editor online 在 コバにゃんチャンネル Youtube 的最佳貼文

コバにゃんチャンネル By コバにゃんチャンネル

2021-10-01 13:19:08 有 9 人看過 有 1 人喜歡
  • Share this:

post-title
コバにゃんチャンネル

About author
コバにゃん☆です?
2910 subscribers viewes
View all posts

text editor online 在 大象中醫 Youtube 的最佳貼文

大象中醫 By 大象中醫

2021-10-01 13:10:45 有 0 人看過 有 0 人喜歡
  • Share this:

post-title
大象中醫

About author
長照是一個劇變的旋轉舞台 百年難得一見 沒有準備的人 被旋轉舞台甩出去 不是坐下就是躺下 而大象中醫是太極的推手 推動著旋轉舞台 讓 所有爬不起來的人 背後有一股推手力量 支撐再站起來
1310 subscribers viewes
View all posts

text editor online 在 大象中醫 Youtube 的最讚貼文

大象中醫 By 大象中醫

2021-10-01 13:09:56 有 0 人看過 有 0 人喜歡
  • Share this:

post-title
大象中醫

About author
長照是一個劇變的旋轉舞台 百年難得一見 沒有準備的人 被旋轉舞台甩出去 不是坐下就是躺下 而大象中醫是太極的推手 推動著旋轉舞台 讓 所有爬不起來的人 背後有一股推手力量 支撐再站起來
1310 subscribers viewes
View all posts
社群媒體上有些相關的討論：

text editor online 在 Sunsetting Atom | The GitHub Blog 的推薦與評價

When we introduced Atom in 2011, we set out to give developers a text editor that was deeply customizable but also easy to use—one that made ... ... <看更多>

text editor online 在 text-editor-for-web · GitHub Topics 的推薦與評價

text -editor-for-web. Star. Here are 32 public repositories matching this topic... ... <看更多>

你可能也想看看
Text editor
Free text editor
Online text editor
Rich text editor online
Wordpad online
Note editor online
Text editor online
Plain text format
搜尋相關連結

#1. Edit Pad - Online Text Editor & Wordpad (Notepad) for Notes

Edit Pad is a simple online text editor to edit plain text. This online notepad (Wordpad) is 100% free.

#2. Online Text Editor - Edit Your Plain Text on Wordpad

Our online text editor helps you to edit plain text. Simply copy and Paste or write text to edit text online.

#3. Edit Pad - Online Text Editor & Wordpad for Notes

Edit Pad is a simple online text editor to edit plain text. This is the original EditPad website.

#4. Online Notepad - Online Text Editor & WordPad for Notes

An online notepad is a text editor that assists you to write documents in real-time on the internet. Online notepad is a plain text editor that resembles a ...

#5. Online Text Editor - Wordpad Online to Edit Text - rephrase

An online text editor enables you to write a text, edit the text, download the file, and use it anywhere you want. There is no need of installing any text ...

#6. Plain text editor / Wordpad online - Pre Post SEO

The user interface of the online text editor (Wordpad) is incredibly easy. Whether you are a student, working professional, teacher, or any other user who ...

#7. Text Editor - Free App for Editing Text Files

Text Editor is a pure Javascript web app. · This app will open a text file of your choice, letting you make changes and save back them to Google Drive or your ...

#8. Free Online Text Editor | Adobe Express

Use the Adobe Express online text editor tool to make compelling graphics. ... Impress your friends, family, and followers with engaging graphics. Edit the text ...

#9. Add Text To Photo Projects, Collages, & Designs - BeFunky

That's why the Text Editor in our online app comes packed with a diverse collection of fonts to complement your images and designs.

#10. AnyTextEditor: Online Free Text Editor

Free online text editor with great functionality. In our free editor, you can edit any text, words, fonts, codes, encodings and even a little more.

#11. Edit PDF Text Online - 100% Free - Xodo

Simply select the file you want to edit, and use the online PDF editor to update, delete or edit text directly on your PDF pages. Click on the text block to ...

#12. Online Text Editor - Best Free WordPad Editor

Online Text Editor by Duplichecker.com helps you to edit or create a text file. Customize text as you need and It allows you to store notes on the Go ...

#13. Textdoc - Create, Edit, Share and Save Text Files

There are many text editors including native apps such as Microsoft Notepad (Windows), TXT (Chrome OS) and TextEdit (Mac OS). There are also web based and ...

#14. Online Text Editor - Aspose Products

Online Text Editor ... Just upload a TXT file and start working with it like you would with a common text editor. The user-friendly text editor opens files ...

#15. 7 Best Online Text Editors To Boost Up Your Productivity In 2022

What are the Best Online Text Editors? Why Should I Use Froala WYSIWYG Online HTML Editor? What Makes Prepostseo.com a Good Online Editor? How ...

#16. WriteURL: online text editor

WriteURL is a free online text editor for writing. Collaborate in real-time, simple sharing, work offline, no registration, no password, always free.

#17. online text editor - collabedit

Collabedit is an online text editor that allows real-time collaboration.

#18. Editpad - Online Text Editor & Notepad - Check Plagiarism

Online text editor is a free WordPad editor that can be used to edit text without installation. Edit your text or notes by using this online notepad tool.

#19. Online Text Editor & Wordpad

An Online Text Editor and Wordpad-like tool for quick text and HTML editing online.

#20. Add Text to Video Online - Put Text on a Video for Free

1. Open the text adding tool in a browser on a computer or any other device. Open the file directly on the site or drag and drop the video into the window. If you need to upload multiple video files to connect them, use the "Add" button and select other files. 2. Click "Add Text" in the edit panel. A window for adding text will appear, where you can enter the desired words / line / any other text. After you have added text, you can change the color, size and font of your text in the same text box. There also is the option of animating your text if you need to. 3. You can adjust the duration of your text on the screen throughout the entire video, or just part of the video. To do this, double-click on the text and select the part on the timeline where you want the text to be. If you want to add more text, click on the Add Text button again.

#21. No more manual editing - Automatic text editor online

An automatic text editor online is a piece of software that can automatically format and correct your text. This can be extremely helpful if ...

#22. TinyMCE: The Most Advanced WYSIWYG Editor | Trusted Rich ...

TinyMCE is the most advanced WYSIWYG HTML editor designed to simplify website content creation. The rich text editing platform that helped launched ...

#23. Easy to use Online PDF editor - Sejda

Select your PDF document. Click on 'Upload' to choose a file. · Type text on a PDF. Make sure the 'Text' tool is selected. Click anywhere on the PDF page to add ...

#24. Edit PDF—Free PDF Editor - Smallpdf.com

How To Edit PDF Online for Free · Upload or drop your PDF document into the PDF Editor · Add images, shapes, or text, and edit the size, font, or color · Continue ...

#25. Add Text to Video Online - Edit, Upload Fonts & More - VEED.IO

VEED is a free online video editor that lets you easily add text to your videos. You can add text, change its font, color, style, and more in just a few ...

#26. [FREE] Text Editor & Text Design Online - MockoFUN

MockoFun is an online text editor with fonts (over 800 free fonts to choose from). You can create a text design online quick and easy! Add text to photo ...

#27. Grammarly: Free Online Writing Assistant

Millions trust Grammarly's free writing app to make their online writing clear and effective. Getting started is simple — download Grammarly's extension ...

#28. Free Online Photo Editor | Text Tool - LunaPic

Text Tool Free Online Photo Editor. Photo, sketch and paint effects. For Tumblr, Facebook, Chromebook or WebSites. Lunapics Image software free image, ...

#29. Edit PDF files online - PDF2Go

1. Upload the file you want to edit. 2. Click on a page thumbnail on the left. 3. Choose an editing tool from the menu above the preview.

#30. 35 best online text editors - sharing text

Notepad is an online text editor. It allows for real-time collaboration. It is free and also safe for maintaining your notes. It doesn't require any signups or ...

#31. Sublime Text - Text Editing, Done Right

Sublime Text is a sophisticated text editor for code, markup and prose. You'll love the slick user interface, extraordinary features and amazing ...

#32. ONLINE TEXT EDITOR - Utilities Online

An Edit pad is a plain text editor that helps you create and edit documents online. How to use our online edit pad? It's your office/home assistant for your ...

#33. Speechnotes | Speech to Text Online Notepad

Speech to Text Online Notepad. Free. The Professional Speech Recognition Text Editor. Distraction-free, Fast, Easy to Use & Free Web App for Dictation ...

#34. WYSIWYG HTML Editor with Collaborative Rich Text Editing

Rock-solid, Free WYSIWYG Editor with Collaborative Editing, 200+ features, Full Documentation and Support. Trusted by 20k+ companies.

#35. MeetingWords: Realtime Collaborative Text Editing

Your text is saved on the web, and more than one person can edit the same document at the same time. Everybody's changes are instantly reflected on all screens.

#36. Top 9 Best Online Text Editors For Free - Template.net

Top 9 Best Online Text Editors For Free · > Ckeditor Online Text Editor For Free · > Collaborative Real Time Online Text Editor · > Stackedit Online Text Editors ...

#37. Notepad++

What is Notepad++. Notepad++ is a free (as in “free speech” and also as in “free beer”) source code editor and Notepad replacement that supports several ...

#38. Use desktop App Gedit online text editor - - OffiDocs

This is Gedit, the default text editor of the GNOME desktop environment. It has been designed as a general purpose text editor.

#39. Convert Word and PDF files to HTML | Free online HTML editor

Paste your text or upload and convert your Word, PDF and other documents to clean HTML.

#40. LanguageTool - Online Grammar, Style & Spell Checker

LanguageTool is a free online proofreading service for English, Spanish, and 30 other languages. Instantly check your text for grammar and style mistakes.

#41. Online Text Editor - Edit Text with Wordpad Online

The online text editor is a web-based service designed for the people involved in creating textual content. Our online text editor is an advanced tool that ...

#42. Add Text to Photo: Text to Picture with Image Text Editor - Fotor

It's super easy. Go to the online photo editor – Fotor and click "Edit a Photo" and upload your image. Then click "Text" and insert the text pane ...

#43. Sunsetting Atom | The GitHub Blog

When we introduced Atom in 2011, we set out to give developers a text editor that was deeply customizable but also easy to use—one that made ...

#44. InstaText | Write like a native speaker

Use InstaText, the award-winning online writing and editing tool, to improve your texts and make them easier to read and understand.

#45. Google Docs: Online Document Editor | Google Workspace

Use Google Docs to create, and collaborate on online documents. Edit together with secure sharing in real-time and from any device.

#46. Quill - Your powerful rich text editor

Quill is a free, open source WYSIWYG editor built for the modern web. Completely customize it for any need with its modular architecture and expressive API.

#47. EditPad Lite - Free Text Editor for Windows

EditPad Lite: A fine text editor with all the necessary basic features. Free for non-commercial use. An ideal replacement for Notepad.

#48. Hemingway Editor

You can format your text with the toolbar. Paste in something you're working on and edit away. Or, click the Write button and compose something new.

#49. Edit PDF | Online PDF Editor and Form Filler - iLovePDF

Free online PDF Editor. Easily edit documents and add text, shapes, comments and highlights to a PDF file. Fill out PDF forms and modify your PDF by adding ...

#50. Online Text Editor - easy, comfortable & free writing - SciFlow

With a text editor available online, multiple authors can work on a file simultaneously without the risk of text changes not being reflected when they are ...

#51. Simple Online Text Editor - TechBaz

Welcome to the simple online text editor (SOTE). SOTE is the world's most user-friendly, minimalist & free text editor.

#52. Free Online Image Editor

Merge, Blend and Overlay Images with the editor. Add Text with your own fonts to an (animated) image. Add Borders, round corners and shadow to your photo. Put ...

#53. Free PDF Editor | The Best Online PDF Editor by DocFly

The best free PDF editor for editing PDFs. Merge, compress, create, add text, review and edit PDF files. Convert Word to PDF and image formats PNG, JPEG, ...

#54. Free Grammar Checker (Online Editor)

Catch tricky errors and improve writing instantly with our free AI-powered grammar checker. Check grammar, spelling, style and easily enhance any text.

#55. Text Editor Online - Coding.Tools

This online text editor helps you to edit txt file online. Support Markdown, quick search and quick replace.

#56. Zen - Online Text Editor

Zen by Unit is a free, minimal, fast, private writing app. Just open and use.

#57. Online editor and converter - edit any document quick and easy

ScanWritr is a powerful online editor and converter as it allows you to import any electronic document, fill it out using text, pen, marker and sign tools ...

#58. PDF Editor – Edit Your PDF Online for Free - PDF Candy

Edit PDF text. Yes, our PDF editor is capable of changing existing text in your documents. The tool is activated by default. So search no more: upload ...

#59. Online Notepad - Free Online Text Editor for Saving Notes

The notepad online is a web browser-based free text editor that helps you create notes (ideas, to-do lists, plain text, or any other important information).

#60. Brackets - A modern, open source code editor that ...

... Brackets is a modern text editor that makes it easy to design in the browser. It's crafted from the ground up for web designers and front-end developers ...

#61. Overleaf, Online LaTeX Editor

An online LaTeX editor that's easy to use. No installation, real-time collaboration, version control, hundreds of LaTeX templates, and more.

#62. Free online photo editor - Edit your image online and for free

Free online image edit suite for all your photo editing needs. Add filters, frames, stickers or text. You can rotate, mirror, and resize your images too.

#63. The Online Graded Text Editor - Extensive Reading Central

The Online Graded Text Editor · 1 Select Wordlist · 2 Select level · 3 Enter text and analyse · 4 Select words to ignore · 5 Edit and reanalyse · 6 Export.

#64. QuickEdit Text Editor - Apps on Google Play

QuickEdit text editor is a fast, stable and full featured text editor. It has been optimized for using on both phones and tablets.

#65. Writebox

A simple and distraction-free text editor.

#66. Add Text to Image Online - Kapwing

A great tool to add text to pictures is Kapwing, the online image editor that supports most image file types, gives you full control over your project, and ...

#67. Classical Text Editor

The word-processor for critical editions, commentaries and parallel texts. Any number of notes and apparatus - bidirectional text - OpenType - sigla.

#68. Editor | Text editor online - RapidTables.com

Text editor online free. ... This website uses cookies to improve your experience, analyze traffic and display ads. Learn more. OK. Home›Tools› Text Editor ...

#69. Create & Edit Documents Online - Writer - Zoho

A next generation word processor with robust live-collaboration & MS Word support. Write, review & publish your documents all from one tool - all for FREE!

#70. Online Text Tool - Computer Hope

Computer Hope text tool for handling all searching and replacing text within other text, adding, removing, and other common text editing needs online.

#71. Online Unicode Text Editor and Converter Text Editor

Online Text Editor generators and converter, ·▭· · ··· font, emoji text face ( ͡~ ͜ʖ ͡°) and ASCII art galleries.

#72. Edit PDF | PDFzorro - Free Online PDF Editor

Perfect PDF-Online-Editor to edit PDF files online in the browser - for free.

#73. PLAIN TEXT Code Editor - GroupDocs Apps

Free online Web-oriented languages and markups source code editor. View, write code, export and save edited HTML, CSS, JavaScript source code files online ...

#74. Free online HTML editor - onlinehtmleditor.dev

With both editors, you can create clean HTML output with the easiest WYSIWYG editing possible. If you've already started writing rich-text content, all you have ...

#75. JSON Editor Online: JSON editor, JSON formatter, query JSON

JSON Editor Online is a web-based tool to view, edit, format, repair, compare, query, transform, validate, and share your JSON data.

#76. How To Develop A Text Editor For The Web

How do text typing and editing work on the web? Although this process might seem straightforward, there is a lot of technical nuance behind ...

#77. StackEdit – In-browser Markdown editor

Rich Markdown editor. StackEdit's Markdown syntax highlighting is unique. The refined text formatting of the editor helps you visualize the final rendering ...

#78. Online Text Editor Like Notepad & Wordpad

Best and free online text editor like notepad, wordpad and word editor to write your text while browsing multiple tabs on web.

#79. Notepadonline - Free online notepad. Text editor

Notepad online is a completely free to use browser-based text editor. Notepad online allows you to create and edit multiple plain-text files as well as ...

#80. UltraEdit Text Editor + Coding Software

Publisher of the popular UltraEdit text editor and All Access suite of tools. Download UltraEdit, UltraCompare, UEStudio, UltraFTP, and UltraFinder.

#81. EditPad - Text Editor for Windows

Powerful, Versatile, and Convenient Windows Text Editor to Edit All Kinds of Text Files · Buy EditPad Pro online and start using it immediately · 100% satisfied ...

#82. Online Text Editor | Notepad | Wrizo

Wrizo is the best and free online text editor. which offers many features with an amazing user interface. You can add a canvas wallpaper and several colors on ...

#83. Online Notepad | Write, Edit, Lock, and Share Notes Online

Online notepad is used to note text online. It's a free notepad online and a text editor to write, edit, save, lock, and share text notes without any ...

#84. 6 Online Document and Text Editors Reviewed - SitePoint

6 Online Document and Text Editors Reviewed · StackEdit · Markable · WriteURL · Quabel · Hemingway · Draft · Conclusion · Share This Article.

#85. EmEditor (Text Editor) – Text Editor for Windows supporting ...

ZDnet.com's Ed Burnette called EmEditor the “World's fastest text editor. ... External tools allow you to configure web browsers to preview HTML documents.

#86. WordCounter - Count Words & Correct Writing

Copy and paste your text into the online editor to count its words and characters, check keyword density, and correct writing mistakes.

#87. welcome home : vim online

Vim - the ubiquitous text editor · persistent, multi-level undo tree · extensive plugin system · support for hundreds of programming languages and file formats ...

#88. PDFescape: PDF Editor Free - Edit PDF and Form Filler Online

Edit PDF documents, fill PDF forms, and view PDFs online using PDFescape, the free PDF reader, PDF editor, and PDF form filler software.

#89. Ace - The High Performance Code Editor for the Web

Ace is an embeddable code editor written in JavaScript. It matches the features ... Over 20 themes (TextMate/Sublime Text .tmtheme files can be imported) ...

#90. Smart Text Editor: Untitled.txt

Smart Text Editor is a vanilla JavaScript PWA that allows you to work on your coding projects from any device, in any browser, even if you don't have ...

#91. Erase Text in Jpg - pdfFiller

Instructions and Help about Jpg Text Editor Online. Editing JPG files on the web has numerous benefits such as speed, convenience, and practicality.

#92. Etherpad

Etherpad is a highly customizable open source online editor providing collaborative editing in really real-time. · Collaborating in really real-time · Add ...

#93. TextPad - the text editor for Windows

TextPad® is a powerful, general purpose editor for plain text files. Easy to use, with all the features a power user requires.

#94. Wordvice AI: Online AI Editor, Grammar checker

Wordvice AI Proofreader is a free automated online ai editor and grammar checker that finds and fixes errors in all kinds of writing.

#95. text-editor-for-web · GitHub Topics

text -editor-for-web. Star. Here are 32 public repositories matching this topic...

#96. CodePen: Online Code Editor and Front End Web Developer ...

Build, share, and learn JavaScript, CSS, and HTML with our online code editor.

#97. Online Text Editor

Text editor provides facilities of change text size and insert tables for give it a beautiful look and design. Editor helps in create documents faster and free.

#98. Online rich-text editor - Wikipedia

An online rich-text editor is the interface for editing rich text within web browsers, which presents the user with a "what-you-see-is-what-you-get" ...

#99. Visual Studio Code - Code Editing. Redefined

Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and ...